{% load i18n %}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keyword" content="宁强在线,宁强,宁强概况,宁强地图,宁强旅游,宁强特产,宁强新闻,宁强商家,宁强企业,宁强黄页,宁强二手信息,宁强房屋出租,宁强论坛交友">
    <title>{% block title %}宁强在线{% endblock %}</title>
    <link rel="icon" type="image/png" href="{{ STATIC_URL }}img/favicon.png">
    <link href="{{ STATIC_URL }}css/bootstrap.min.css" rel="stylesheet">
    <link href="{{ STATIC_URL }}css/bootcamp.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="{{ STATIC_URL }}js/html5shiv.js"></script>
      <script src="{{ STATIC_URL }}js/respond.min.js"></script>
    <![endif]-->
    <script src="{{ STATIC_URL }}js/jquery-2.1.1.min.js"></script>
    <script src="{{ STATIC_URL }}js/bootstrap.min.js"></script>
    <script src="{{ STATIC_URL }}js/bootcamp.js"></script>

    {% block head %}
    {% endblock head %}
  </head>
  <body style="font-family: Microsoft Yahei,sans-serif;background-color:#00263D;">
    {% block body %}
      <header>
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
          <div class="container-fluid">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="{% url 'home' %}">宁强在线</a>
            </div>
            <div class="collapse navbar-collapse" id="menu">
              <ul class="nav navbar-nav">
                {% if not hide_profile %}
                  <li>
                    <a href="#" id="notifications" data-container="body" data-toggle="popover" data-placement="bottom" title="{% trans 'Notifications' %}">
                      <span class="glyphicon glyphicon-bell"></span>
                    </a>
                  </li>
                {% endif %}
                {% block nav %}
                {% endblock nav %}
              </ul>
              {% if not hide_search %}
                {% if not hide_profile %}
                <form class="navbar-form navbar-left" role="search" action="{% url 'search' %}">
                {% endif %}
                {% if hide_profile %}
                <form class="navbar-form navbar-left" role="search" action="{% url 'auth_login' %}">
                {% endif %}
                  <div class="input-group" style="width:210px">
                    <input type="text" class="form-control" name="q" placeholder="{% trans 'Search' %}">
                    <span class="input-group-btn">
                      <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
                    </span>
                  </div>
                </form>
              {% endif %}
              {% if hide_profile %}
                <ul class="nav navbar-nav navbar-right">
                  <li>
                    <a href="{% url 'auth_login' %}">登录</a>
                  </li>
                  <li>
                    <a href="{% url 'registration_register' %}">注册</a>
                  </li>
                </ul>
              {% endif %}
              {% if not hide_profile %}
                <ul class="nav navbar-nav navbar-right">
                  <li>
                    <a href="{% url 'profile' user.username %}">{{ user.profile.get_screen_name }}</a>
                  </li>
                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><b class="caret"></b></a>
                    <ul class="dropdown-menu">
                      <li><a href="{% url 'inbox' %}"><span class="badge pull-right" id="unread-count">0</span> {% trans 'Inbox' %}</a></li>
                      <li><a href="{% url 'settings' %}">{% trans 'Account Settings' %}</a></li>
                      <li><a href="{% url 'list_orders' %}">我的订单</a></li>
                      <li class="divider"></li>
                      <li><a href="{% url 'logout' %}">{% trans 'Log out' %}</a></li>
                    </ul>
                  </li>
                </ul>
              {% endif %}
            </div>
          </div>
        </nav>
      </header>
      <main>
        <div class="container" style="margin-top:0;background:rgba(255,255,255,0.8) none repeat scroll !important;">
          {% block main %}
          {% endblock main %}
        </div>
      </main>
      <div id="footer" style="margin-top:100px;">
        <div class="navbar-inner navbar-content-center navbar-fixed-bottom" style="margin-bottom: -20px">
        <nav class="navbar navbar-default">
        <p class="text-muted credit" style="padding: 3px;">
          <center>© 2015 宁强生活通广告传媒有限公司, 版权所有</center>
        </p>
        </nav>
      </div>
      <script src="{{ STATIC_URL }}js/notifications.js"></script>
      <script src="{{ STATIC_URL }}js/check_messages.js"></script>
    {% endblock body %}
  </body>
</html>
